<template>
    <view class="pay_group">
        <view class="section">
            <view class="pay_shops">
                
                    <image v-for="(item,index) in goods" :key="index" :src="item.img"  :class="'img'+type"/>
                 
                    
                    <view class="more" @tap="toOrderShop(goods)">
                        查看详情{{goodsNum}}件
                    </view>    
            </view>
        </view>
    </view>               
   
</template>
<script>
 export default {
    props:{
        goods:{
            type:Array,
            default:[]
        },
        goodsNum:{
            type:[Number,String],
            default:0
        },
        type:{
            type:[Number,String],
            default:''
        }
    },
   
    methods:{
        toOrderShop(d){
       
            
            wx.navigateTo({
                url: '/subPackages/pages/ordershop/index'
            })
        }
    },
    onLoad(){
       
    }
}

</script>
<style lang="scss">
     .pay{
     &_shops{
         
         image{
             width: 100rpx;
             height:100rpx;
          
             margin-right: 20rpx;
             
         }
         .img2{
             width:100rpx;
             height:80rpx;
         }
         .more{
            position: absolute;
            top: 50%;
            right: 20rpx;
            z-index: 10; 
            font-size:28rpx;
            height:40rpx;
            line-height: 40rpx; 
             transform: translateY(-50%);
             color: #c3c3c3;
             font-weight: 300;
           &:after{
                content:'';
                display: inline-block;
                vertical-align: middle;
                width: 12rpx;
                height: 12rpx;
                border-top: 2rpx solid #c3c3c3;
                border-right: 2rpx solid #c3c3c3;
                transform: rotate(45deg) ;
                margin-top: -3px;
            
             }  
         }
     }
     &_group{
         background: #fff;
         border-radius: 10rpx;
         margin-bottom: 20rpx;
         position: relative;
     }
     &_bg{
          padding: 20rpx 0rpx;
          .section{
              padding: 20rpx 10rpx;
          }  
         .navigator-hover{
             background: transparent;
         }
     }
    
 }
</style>
